// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.store-xsolla {
  align-items: center;
  background-color: hsla(var(--hsl-b6), 0.5);
  color: @osu-colour-c1;
  font-size: @font-size--small-2;
  font-family: var(--font-default-torus);
  margin-left: -@gutter-v2;
  display: flex;
  text-align: right;
  width: calc(100% + (@gutter-v2 * 2));
  flex: none;
  order: -1;

  @media @desktop {
    display: flex;
    width: auto;
    margin-left: auto;
    order: 0;
  }

  &__icon {
    width: 40px;
    height: 40px;
    background-image: url("~@images/layout/xsolla.png");
    background-size: contain;
  }

  &__text {
    padding: 0 10px;
    flex: 1;
  }
}
